:root{
    --oh-primary: #007eca;
    --oh-primary-active: #005e96;
    --oh-primary-disabled: #529dca;
    --oh-secondary: #dd7800;
    --bs-primary-rgb: 0,126,202;
    --bs-link-color: var(--oh-primary);
    --bs-link-hover-color: var(--oh-primary-active);
}

body {
    padding-top: 5.3rem;
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5,
.display-1, .display-2, .display-3, .display-4, .display-5 {
    color: var(--oh-primary);
    font-weight: bold;
}

nav.navbar * {
    user-select: none;
}

.progress.nav-scroll-progress {
    --bs-progress-height: 0.2rem;
}

.progress-bar {
    --bs-progress-bar-bg: var(--oh-primary);
}

.bg-oh-primary {
    background-color: var(--oh-primary);
}

.bg-oh-secondary {
    background-color: var(--oh-secondary);
}

.text-oh-secondary {
    color: var(--oh-secondary);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--oh-primary);
    --bs-btn-border-color: var(--oh-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--oh-primary-active);
    --bs-btn-hover-border-color: var(--oh-primary-active);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--oh-primary-active);
    --bs-btn-active-border-color: var(--oh-primary-active);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--oh-primary-disabled);
    --bs-btn-disabled-border-color: var(--oh-primary-disabled);
}

.btn-outline-primary {
    --bs-btn-color: var(--oh-primary);
    --bs-btn-border-color: var(--oh-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--oh-primary);
    --bs-btn-hover-border-color: var(--oh-primary);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--oh-primary);
    --bs-btn-active-border-color: var(--oh-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--oh-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--oh-primary);
    --bs-gradient: none;
}

.accordion {
    --bs-accordion-active-color: var(--oh-primary-active);
}

.pagination {
    --bs-pagination-color: var(--oh-primary);
    --bs-pagination-hover-color: var(--oh-primary-active);
    --bs-pagination-focus-color: var(--oh-primary-active);
    --bs-pagination-active-bg: var(--oh-primary);
}

input.border-0 {
    outline: none !important;
    box-shadow: none !important;
}

.header-slim {
    position: relative;
    overflow: hidden;
}

.header-slim::before {
    content: '';
    filter: blur(8px);
    opacity: 0.5;
    background-image: url('../images/placeholder-header-slim.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.header-slim::after {
    content: '';
    background-color: var(--oh-primary);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
}

.icon-widened {
    width: 17px;
    overflow: hidden;
}

.nav-link.text-primary:hover,
.nav-link.text-primary:focus,
.nav-link.text-primary:active,
.nav-link.text-primary.active {
    color: var(--oh-primary-active) !important;
}

.mh-sm {
    max-height: 100pt
}

.mh-md {
    max-height: 200pt
}

.mh-lg {
    max-height: 200pt
}

.nav-tags {
    border-bottom: 2px solid transparent;
}

.nav-tags a:hover,
.nav-tags a:focus,
.nav-tags a:active,
.nav-tags a.active {
    color: var(--oh-primary-active) !important;
}

.nav-tags a.active {
    border-bottom: 2px solid var(--oh-primary-active);
}

.pagination-nav {
    --bs-pagination-color: var(--bs-gray);
    --bs-pagination-border-width: 0px;
    --bs-pagination-border-radius: 0;
    --bs-pagination-hover-color: var(--bs-gray);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-active-color: #fff;
}

footer.bg-dark {
    --bs-dark-rgb: 94,94,94;
}

footer a, footer a:hover, footer a:active {
    color: var(--bs-white);
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.search-box {
    z-index: 9999;
}

@media (min-width: 1400px) {
    .text-xxl-uppercase {
        text-transform: uppercase;
    }

    .nav-link.text-primary {
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
    }

    .nav-link.text-primary:hover,
    .nav-link.text-primary:focus,
    .nav-link.text-primary:active,
    .nav-link.text-primary.active {
        border-bottom: 2px solid var(--oh-primary-active);
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px;
    }
}